<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script> -->
<style type="text/css">
#zui{
margin:0 auto;
}
/* #body{
margin-left:500px;

margin-left: auto;
margin-right: auto;
} */
#div1{
margin: 20px;
}

#table2{
width: 350px;
height: 320px;


float: right;
}
#table{
width: 350px;
height: 320px;


float: left;
}
#bigdiv{
width: 810px;
margin: 20px;
height: 800px;
background-color: gray;
}
p{
margin: 20px;
}
span{
margin: 30px;
padding-top: 30px;
line-height: 50px;
}
#big2{
width: 750px;
height: 220px;
}
#dier{
width: 750px;
height: 350px;

}

</style>
</head>


<body>
<div id="zui">
<div id="div1">人事管理 》 请假申请</div>
<!-- Unnamed (水平线) -->
  
      <img id="u6_line" class="img " src="../img/u199_line.png"/>
        <form action="../addLeaves">
     <div id="bigdiv">
  
  <div id="dier">
<div id="table">
<p><span> 姓    &nbsp; &nbsp; &nbsp; 名:</span><span>${obj.uname }</span>
</p>
<p>
<span> 开始时间:</span><input type="text" class="form-control" id="inputError"  name="L_start" onClick="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2100-03-10 20:59:30'})"> 
</p>
<p>
<span> 请假天数:</span><input type="text" class="form-control" id="inputError" name="L_day"></p>

</div>
<div id="table2">
<p><span> 部    &nbsp; &nbsp; &nbsp; 门:</span><span>${obj.deptname }</span>
</p>
<p>
<span> 结束时间:</span><input type="text" class="form-control" id="inputError"  name="L_end" onClick="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2100-03-10 20:59:30'})"> 
</p>

	<div class="form-group">
					请假类型：<select name="L_style" class="form-control" id="grade">
						<option value="请选择请假类型" selected="selected" value="">请选择您的年级</option>
						<option value="事假" class="defaultOption">事假</option>
						<option value="婚假" class="defaultOption">婚假</option>
						<option value="丧假" class="defaultOption">丧假</option>
						<option value="病假" class="defaultOption">病假</option>
					</select>
				</div>
</div>
</div>

 <div id="big2">
 <p>
<span> 请假事由:</span>
<textarea cols="100" rows="6" name="L_reason"></textarea><br>
<span> 状态：</span>
		<select name="L_status">
          <option value="0">未审批</option>
          <option value="1">已审批</option>
        </select>
</p>
 </div>
<img id="u6_line" class="img " src="../img/u199_line.png"/>
	<div class="form-group">
					下一步审核：<select name="L_auditor" class="form-control" id="roleid" >
					  <option value="请选择审核人" selected="selected" value="">请选择审核人</option>
					</select>
				</div>
<button type="submit" class="btn btn-success">确定</button>
<button type="button" class="btn btn-primary" onclick="getBack()">取消</button>
 </div>
 </form>
 </div>
</body>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
/* 选择审批人 */
$(document).ready(
 function showsection(){
	var uid=${obj.uid}; 
	
	$.ajax({
		url:'../sectionList',
		type:'post',
		data:{uid:uid},
		dataType:'json',
		success:function(res){
			$.each(res.section, function(inx, ele) {
				$("#roleid").append(
						"<option value=" + (ele.umgr) + ">"
								+ ele.boss_name + "</option>");
			})
		
		}
	})
})

//点击取消跳转主页面
function getBack() {
	window.location.href="../index.jsp"
}

</script>
</html>